<template>
  <el-col :span="1">
    <el-menu
        class="el-menu-vertical-demo"
        :default-active="this.$route.path"
        router
    >

      <el-aside width="240px" style="background-color: rgb(243,245,245);font-family:Microsoft Yahei">

        <el-menu-item-group>
          <template slot="title"><h2>开发指南</h2></template>
          <el-menu-item index="/01Install">安装</el-menu-item>
          <el-menu-item index="/02QuickGetStart">快速上手</el-menu-item>
          <el-menu-item index="/03Internationalization">国际化</el-menu-item>
          <el-menu-item index="/04Theme">自定义主题</el-menu-item>
          <el-menu-item index="/05Animation">内置过度动画</el-menu-item>
        </el-menu-item-group>

        <el-menu-item-group>
          <template slot="title"><h2>组件</h2></template>
          <el-menu-item><h6>Basic</h6></el-menu-item>
          <el-menu-item index="/06Layout">Layout布局</el-menu-item>
          <el-menu-item index="/07Container">Container布局容器</el-menu-item>
          <el-menu-item index="/08Color">Color色彩</el-menu-item>
          <el-menu-item index="/09Typography">Typography字体</el-menu-item>
          <el-menu-item index="/10Border">Border边框</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item><h6>Data</h6></el-menu-item>
          <el-menu-item index="/11Table">Table表格</el-menu-item>
          <el-menu-item index="/12Tag">Tag标签</el-menu-item>
        </el-menu-item-group>
      </el-aside>
    </el-menu>
  </el-col>
</template>

<script>
export default {
  name: "Asiad",
  //数据
  data() {
    return {
      navList: [
        {name: '/01Install'},
        {name: '/02QuickGetStart'},
        {name: '/03Internationalization'},
        {name: '/04Theme'},
        {name: '/05Animation'},
        {name: '/06Layout'},
        {name: '/07Container'},
        {name: '/08Color'},
        {name: '/09Typography'},
        {name: '/10Border'},
        {name: '/11Table'},
        {name: '/12Tag'},
      ]
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>

</style>